<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初一派对</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalabel=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <script>
        window.onresize = function () {
            wresize();
        }
        wresize();
        function wresize () {
            var _w = document.documentElement.clientWidth;
            var _h = document.documentElement.clientHeight;
            _fw = _w > 640 ? 640 : _w;
            document.documentElement.style.fontSize = _fw / 10 + 'px';
            if (!(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent))) { //移动端
                location.href = '../p/index.html'
            }
        }
    </script>  
</head>
<body>
<script src="js/loading.js"></script>
<!--顶部-->
<div class="topNav">
    <a href="javascript:;" class="left">北京</a>
    <span>logo</span>
</div>
<div class="content-box">
    <div class="swiper-container index-swiper">
        <div class="swiper-wrapper">
            <a href="" class="swiper-slide"><img src="images/banner.jpg" alt=""/></a>
            <a href="" class="swiper-slide"><img src="images/banner.jpg" alt=""/></a>
            <a href="" class="swiper-slide"><img src="images/banner.jpg" alt=""/></a>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <ul class="p-list">
        <li>
            <a href="">
                <div class="img">
                    <img src="images/personal-icon1.png" alt=""/>
                </div>
                <p>生日宴会</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="img">
                    <img src="images/personal-icon2.png" alt=""/>
                </div>
                <p>结婚庆典</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="img">
                    <img src="images/personal-icon3.png" alt=""/>
                </div>
                <p>求爱表达</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="img">
                    <img src="images/personal-icon4.png" alt=""/>
                </div>
                <p>家庭派对</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="img">
                    <img src="images/personal-icon5.png" alt=""/>
                </div>
                <p>商场节日</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="img">
                    <img src="images/personal-icon6.png" alt=""/>
                </div>
                <p>开业庆典</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="img">
                    <img src="images/personal-icon7.png" alt=""/>
                </div>
                <p>公司年会</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="img">
                    <img src="images/personal-icon8.png" alt=""/>
                </div>
                <p>气球展览</p>
            </a>
        </li>
    </ul>
    <div class="box m-t5 o-h theme">
        <a href="" class="item1">
            <img src="images/home1.jpg" alt="">
            <p class="t">王者荣耀主题</p>
        </a>
        <a href="" class="item2">
            <img src="images/home2.jpg" alt="">
            <p class="t">王者荣耀主题</p>
        </a>
        <a href="" class="item2">
            <img src="images/home2.jpg" alt="">
            <p class="t">王者荣耀主题</p>
        </a>
        <a href="" class="item2">
            <img src="images/home2.jpg" alt="">
            <p class="t">王者荣耀主题</p>
        </a>
        <a href="" class="item2">
            <img src="images/home2.jpg" alt="">
            <p class="t">王者荣耀主题</p>
        </a>
        <a href="" class="item2">
            <img src="images/home2.jpg" alt="">
            <p class="t">王者荣耀主题</p>
        </a>
        <a href="" class="item2">
            <img src="images/home2.jpg" alt="">
            <p class="t">王者荣耀主题</p>
        </a>
    </div>
    <form class="box m-t5 index-form">
        <div class="title">
            <p>获取策划<span class="redc">方案</span></p>
        </div>
        <div class="item input">
            <img src="images/l1.png" alt="">
            <input type="text" placeholder="请输入您的姓名">
        </div>
        <div class="item input">
            <img src="images/l2.png" alt="">
            <input type="text" placeholder="请输入您所在的城市">
        </div>
        <div class="item input">
            <img src="images/l3.png" alt="">
            <input type="text" placeholder="请输入您的电话号码">
        </div>
        <div class="item submit">
            <input type="submit" value="立即提交" class="redb">
        </div>
    </form>
    <div class="m-t5 o-h">
        <div class="title">
            <p>您可以先看看我们的<span class="redc">套餐</span></p>
            <p class="t2">6年我们见证了上万个家庭的温馨时刻</p>
        </div>
        <div class="taocan o-h">
            <div class="item">
                <a href=""><img src="images/home2.jpg" alt=""></a>
                <div class="txt">
                    <a href="" class="t">机票补贴1000元全国包邮2晚酒票补票DD店+送婚办事一条龙</a>
                    <div class="clear">
                        <span class="left redc">￥<span class="m">1988</span></span>
                        <span class="right">8.9万人购买</span>
                    </div>
                </div>
            </div>
            <div class="item">
                <a href=""><img src="images/home2.jpg" alt=""></a>
                <div class="txt">
                    <a href="" class="t">机票补贴1000元全国包邮2晚酒票补票DD店+送婚办事一条龙</a>
                    <div class="clear">
                        <span class="left redc">￥<span class="m">1988</span></span>
                        <span class="right">8.9万人购买</span>
                    </div>
                </div>
            </div>
            <div class="item">
                <a href=""><img src="images/home2.jpg" alt=""></a>
                <div class="txt">
                    <a href="" class="t">机票补贴1000元全国包邮2晚酒票补票DD店+送婚办事一条龙</a>
                    <div class="clear">
                        <span class="left redc">￥<span class="m">1988</span></span>
                        <span class="right">8.9万人购买</span>
                    </div>
                </div>
            </div>
            <div class="item">
                <a href=""><img src="images/home2.jpg" alt=""></a>
                <div class="txt">
                    <a href="" class="t">机票补贴1000元全国包邮2晚酒票补票DD店+送婚办事一条龙</a>
                    <div class="clear">
                        <span class="left redc">￥<span class="m">1988</span></span>
                        <span class="right">8.9万人购买</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="box xiaoxi">
            <div class="item o-h">
                <img src="images/personal-icon1.png" alt="" class="th left">
                <p class="m left">6年我们见证了上万个家庭的温馨时刻6年我们见证了上万个家庭的温馨时刻</p>
            </div>
            <div class="item o-h">
                <img src="images/personal-icon1.png" alt="" class="th left">
                <p class="m left">6年我们见证了上万个家庭的温馨时刻</p>
            </div>
        </div>
    </div>
    <div class="box m-t5 celue">
        <div class="title">
            <p>策划<span class="redc">攻略</span></p>
            <p class="t2">攻略只是方法，表达才是温馨</p>
        </div>
        <div class="item">
            <p class="t">宝宝周岁生日宴会场怎么布置？</p>
            <p class="c">宝宝周岁生日宴会场怎么布置？父母对于孩子表达爱的方式有许多，宝宝宴便是近几年来非常受欢迎的一种。宝宝宴分为满月宴、百日宴和周岁   </p>
        </div>
        <div class="item">
            <p class="t">宝宝周岁生日宴会场怎么布置？</p>
            <p class="c">宝宝周岁生日宴会场怎么布置？父母对于孩子表达爱的方式有许多，宝宝宴便是近几年来非常受欢迎的一种。宝宝宴分为满月宴、百日宴和周岁   </p>
        </div>
        <div class="item">
            <p class="t">宝宝周岁生日宴会场怎么布置？</p>
            <p class="c">宝宝周岁生日宴会场怎么布置？父母对于孩子表达爱的方式有许多，宝宝宴便是近几年来非常受欢迎的一种。宝宝宴分为满月宴、百日宴和周岁   </p>
        </div>
        <a href="" class="btn redb">查看更多</a>
    </div>
    <div class="lianxi">
        <p>Come-On-Baby 卡芒贝比宝宝宴派对定制中心</p>
        <p>全国统一服务热线：400 999 0081</p>
    </div>
</div>
<div id="footer" class="flex">
    <a href="" class="home redc">
        <img src="images/home.png" alt="">
        网站首页
    </a>
    <div class="btn flex flex1">
        <div class="flex1" onclick="popMask('wx')">
            <img src="images/b1.png" alt="">
        </div>
        <div class="flex1" onclick="popMask('dh')">
            <img src="images/b2.png" alt="">
        </div>
        <div class="flex1" id="top">
            <img src="images/b3.png" alt="">
        </div>
    </div>
</div>
<div class="pop-mask">
    <div onclick="closeMask()" style="width:100%;height:100%;"></div>
    <div class="in wx">
        <img src="images/ewm.jpg">
    </div>
    <div class="in dh">400-0000-000</div>
</div>


<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/public.js"></script>
<script language="javascript">
    var mySwiper = new Swiper('.index-swiper',{
        pagination : '.swiper-pagination',
        paginationClickable :true,
        autoplay: 3000,
        autoplayDisableOnInteraction : false,
        loop : true
    });
    function popMask(s){
        $('.pop-mask,.'+s).show();
    }
    function closeMask(){
        $('.pop-mask,.pop-mask .in').hide();
    }
</script>
</body>
</html>
